<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path20 = request.getContextPath();
%>
<%--审核弹出窗口--%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <style type="text/css">
        li span {
            margin-left: 0px;
            cursor: pointer;
        }

        li span:hover {
            color: #427dff
        }

        .modal-data9 {
            visibility: hidden;
            z-index: 1001;
            min-height: 300px;
            margin: 100px auto;
            background-color: #FFFFFF;
            -moz-box-shadow: 0 10px 20px #8AC1E2 inset, 0 -10px 0 #57a0ff inset;
            -webkit-box-shadow: 0 10px 20px #8AC1E2 inset, 0 -10px 0 #57a0ff inset;
            box-shadow: 0 10px 20px #57a1ff inset, 0 -10px 0 #57a0ff inset;
            padding: 5px;
            text-align: center;
            position: fixed;
            left: 22%;
        }

        textarea {
            outline: none;
            resize: none;
            border: none
        }

        .jx td input[type=checkbox] {
            width: 15px
        }

    </style>
</head>
<body>
<div id="modal-overlay"></div>
<div class="modal-data9">
    <div style="height: 60px">
        <ul>
            <li style="text-align: left; margin-left: 60px; height: 40px; line-height: 40px">
                    <span>
                        <input style="width: 15px;height: 15px" class="auditcheck" name="check" value="1" type="radio"
                               id="agreeAudit"><span class="agreeAudit">同意</span>
                    </span>
                <span style="padding-left: 50px">
                        <input style="width: 15px;height: 15px" class="auditcheck" name="check" value="2" type="radio"
                               id="disagreeAudit"><span class="disagreeAudit">不同意</span>
				    </span>
            </li>
        </ul>
    </div>
    <div style="width: 800px; height: 350px; ">
        <span style="display: block">审核原因</span>
        <textarea style="width: 750px;height: 250px;font-size: 14px" id="auditcomment"
                  placeholder="请输入审核原因..."></textarea>
    </div>
    <button id="auditsubmit" class="auditsubmit"
            style="width: 150px; position: absolute; bottom: 25px; font-size: 16px; left: 170px">
        确定
    </button>
    <button class="btn"
            style="width: 150px; position: absolute; bottom: 25px; font-size: 16px; right: 170px">
        关闭
    </button>
</div>
<script type="text/javascript" src="<%=path20%>/JQuery/jquery-1.8.2.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#agreeAudit").prop("checked", "checked");
    })
    $(".agreeAudit").click(function () {
        $("#agreeAudit").prop("checked", "checked");
    })
    $(".disagreeAudit").click(function () {
        $("#disagreeAudit").prop("checked", "checked");
    })
    $('.btn').click(function () {
        $('#modal-overlay').css('visibility', 'hidden')
        $('.modal-data9').css('visibility', 'hidden')
        $('.page').hide();
    })
    $("#auditsubmit").bind("click", function () {
        $("input[type=button]").attr('disabled', 'disabled');
    });
</script>
</body>
</html>